<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><!--IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame -->
    <meta name="renderer" content="webkit" /><!--默认内核-->
    <meta name="author" content="Tony,田槐旺"><!--作者-->
    <meta name="keywords" content="PHP,前端,全栈开发,个人博客"><!--关键词-->
    <meta name="description" content="Tony的个人博客,全栈开发,PHP开发"><!--描述-->
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">&lt;!&ndash;将http的不安全请求升级为https&ndash;&gt;-->
    <link rel="shortcut icon" href="../static/imgs/author.jpg" />
    <title>项目展示</title>
    <!--[if lt ie 9]>
    <script type="text/javascript">
        var i = 0, html5tags = ["header", "footer", "nav", "aside", "article", "section"];
        for (i in html5tags) {
            document.createElement(html5tags[i]);
        }
    </script>
    <![endif]-->
    <!--[if lt IE 9]>
    <script>window.location.href = "./ie.html";</script>
    <![endif]-->
    <link rel="stylesheet" href="../static/css/base.css"><!--初始化-->
    <link rel="stylesheet" href="../static/css/style.css">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/swiper.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <style type="text/css">
        body{
            background-image:url("../static/imgs/back3.png");
        }
        #canvas{
            position: absolute;
            right: 120px;
            top: 0px;
        }
        .fixed-nav {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 999;
        }
        .text-desc h3{
            color: #0181da;
        }
    </style>
</head>
<body>
<!--loading page-->
<div class="loader">
    <div class="loader-content">
        <img src="../static/imgs/loading.gif" alt="Loader" class="loader-loader"/>
    </div>
</div>
<!--文档导航-->
<header>
    <div class="top-nav">
        <span>小田博客-原创个人网站</span>
        <canvas id="canvas"></canvas>
    </div>
    <nav>
        <ul class="nav">
            <li><a class="nav-class" href="./index.html">首页</a></li>
            <li><a class="nav-class" href="arcitleList.html">前端</a></li>
            <li><a class="nav-class" href="#">后端</a></li>
            <li><a class="nav-class" href="#">其他</a></li>
            <li><a class="nav-class" href="#">教学笔录</a></li>
            <li><a class="nav-class" href="./item.html">项目展示</a></li>
            <li><a class="nav-class" href="./message.html">留言板</a></li>
            <li><a class="nav-class" href="./error.html">关于作者(404)</a></li>
        </ul>
    </nav>
</header>
<!--返回顶部-->
<div class="toolbar">
    <a href="./message.html" class="toolbar-item toolbar-item-feedback"></a>
    <a href="javascript:scroll(0,0)" id="top" class="toolbar-item toolbar-item-top"></a>
</div>
<!--文档主体-->
<section>
    <div class="item-area">
        <!--文章列表-->
        <div class="item-list">
            <h4><i class="fa fa-tripadvisor"></i>最新项目展示<small>New Item List</small></h4>
            <div class="item-list-area">
                <!-- Effect-5 -->
                <ul>
                    <li class="wow fadeInUp">
                        <div class="port-7">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-2">
                            </div>
                            <div class="item-desc">
                                <h3>Your Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a href="#" class="item-btn">Learn more</a>
                            </div>
                        </div>
                    </li>
                    <li class="wow fadeInUp">
                        <div class="port-7">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-2">
                            </div>
                            <div class="item-desc">
                                <h3>Your Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a href="#" class="item-btn">Learn more</a>
                            </div>
                        </div>
                    </li>
                    <li class="wow fadeInUp">
                        <div class="port-7">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-2">
                            </div>
                            <div class="item-desc">
                                <h3>Your Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a href="#" class="item-btn">Learn more</a>
                            </div>
                        </div>
                    </li>
                    <li class="wow fadeInUp">
                        <div class="port-7">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-2">
                            </div>
                            <div class="item-desc">
                                <h3>Your Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a href="#" class="item-btn">Learn more</a>
                            </div>
                        </div>
                    </li>
                    <li class="wow fadeInUp">
                        <div class="port-7">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-2">
                            </div>
                            <div class="item-desc">
                                <h3>Your Title</h3>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                <a href="#" class="item-btn">Learn more</a>
                            </div>
                        </div>
                    </li>
                </ul>
                <!-- Effect-5 End -->
            </div>
            <!--文章分页-->
            <div class="pagination">
                <ul>
                    <li class="prev-page"></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="">2</a></li>
                    <li><a href="">3</a></li>
                    <li><a href="">4</a></li>
                    <li><a href="">5</a></li>
                    <li><a href="">6</a></li>
                    <li><a href="">7</a></li>
                    <li><a href="">8</a></li>
                    <li><a href="">9</a></li>
                    <li><a href="">10</a></li>
                    <li class="next-page"><a href="">下一页</a></li>
                </ul>
            </div>
        </div>
        <!--侧栏-->
        <div class="side-list">
            <!--分类列表-->
            <div class="fa-list-area">
                <h4><i class="fa fa-list-alt"></i>分类列表<small>Classify List</small></h4>
                <div class="classify-area wow bounceInRight animated animated">
                    <ul class="plinks">
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">句子内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">分类内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">内容<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">PHP<span class="badge">（65）</span></a></li>
                        <li><a href="" title="" draggable="false">列表<span class="badge">（65）</span></a></li>
                    </ul>
                </div>
            </div>
            <!--推荐文章-->
            <div class="groom-list">
                <h4><i class="fa fa-free-code-camp"></i>推荐-生活与文章<small>Groom List</small></h4>
                <ul>
                    <li id="groom-top"><span>缩略图</span><span>描述</span></li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题那你你看看飒飒</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题卡了还撒飒飒啊啊</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                    <li class="wow bounceInRight animated">
                        <div class="port-2 effect-1">
                            <div class="image-box">
                                <img src="../static/imgs/img-2.png" alt="Image-1">
                            </div>
                            <div class="text-desc">
                                <h3>文章标题</h3>
                                <a href="#" class="click-btn">点击阅读</a>
                            </div>
                        </div>
                        <div class="port-right">
                            <h3>文章标题那你你看看飒飒</h3>
                            <p>我从第一次开始申请百度联盟到申请通过，我也不知道花了多长时间，
                                但我可以肯定的是应该有一年了，当然因为一直申请通过不了，
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!--友情链接-->
            <div class="friend-list-area wow bounceInRight animated">
                <h4><i class="fa fa-anchor"></i>项目链接<small>Friendly Link</small></h4>
                <ul>
                    <li><a href="#">航科院北斗导航系统</a></li>
                    <li><a href="#">石家庄恒大房地产</a></li>
                    <li><a href="#">河北领航考研</a></li>
                    <li><a href="#">奥星企业</a></li>
                    <li><a href="#">原本官方同城微信平台</a></li>
                </ul>
            </div>
            <!--网站概况-->
            <div class="survey-list wow bounceInRight animated">
                <h4><i class="fa fa-fort-awesome"></i>网站概况<small>Web site profile</small></h4>
                <ul>
                    <li><i class="fa fa-align-left" style="padding: 0 9px"></i>文章总数<span>638篇</span></li>
                    <li><i class="fa fa-paste" style="padding: 0 9px"></i>分类目录<span>38个</span></li>
                    <li><i class="fa fa-eye"></i>浏览总量<span>23565</span></li>
                    <li><i class="fa fa-link"></i>友情链接<span>25个</span></li>
                </ul>
            </div>
        </div>
    </div>

</section>


<!--文档底部-->
<footer>
    <div class="foot-nav">
        <div class="copy-right"><span>CopyRight © 2016-2018 小田全栈博客 &nbsp;Design by Tony（小田）</span></div>
        <div class="bottom-nav">
            <span><a href="" target="_blank">网站地图</a>-<a href=""> 粤ICP备16001325号-1</a></span>
        </div>
    </div>
</footer>
<script src="../static/js/digit.js"></script>
<script src="../static/js/time.js"></script>
<!--wow.js风格-->
<script src="../static/lib/wow/wow.min.js"></script>
<script type="text/javascript">
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
</script>
<!--end-->
<script src="../static/js/jquery-1.8.3.min.js"></script>
<script src="../static/js/swiper.min.js"></script>
<script src="../static/js/swiper.animate.min.js"></script>
<script src="../static/js/public.js"></script>

</body>
</html>